// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.footer {
  @top: footer;

  background-color: @osu-colour-b5;
  color: @osu-colour-f1;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  flex: none;
  padding: 10px 0 5px;

  &--landing {
    background: transparent;
    color: #fff;
    font-size: @font-size--normal;
    font-weight: 600;
    padding: 20px 0;
  }

  &__row {
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  &__link {
    .link-plain();
    font-weight: bold;
    color: white;
    margin: 0 10px;

    @media @mobile {
      margin-top: 5px;
      margin-bottom: 5px;
    }

    &:hover,
    &:focus,
    &:active {
      color: @osu-colour-l1;
    }

    .@{top}--landing & {
      font-weight: inherit;
    }
  }

  .u-chat & {
    @media @mobile {
      display: none;
    }
  }
}
